.jd_layout{
    width: 100%;
    /*最大宽度*/
    max-width: 640px;
    /*最小宽度*/
    min-width: 320px;
    margin:0 auto;
    background-color: #eee;
}
.jd_search {
	width: 100%;
	height: 40px;
	background: rgba(233,35,34,0);
	position: fixed;
	max-width: 640px;
	z-index: 999;
}
.jd_logo{
    width: 56px;
    height: 30px;
    position: absolute;
    background: url(../images/jd-sprites.png) no-repeat 0 -108px;
    background-size: 200px 200px;
    left: 10px;
    top: 5px;
}
.jd_login {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 40px;
	color: #fff;
}
.jd_searchBox {
	width: 100%;
	padding-left: 76px;
	padding-right: 50px;
}
.jd_searchBox > input {
	width: 100%;
	height: 30px;
	margin-top: 5px;
	border-radius: 15px;
	padding-left: 30px;
	color: #666;
}
.jd_searchBox::after {
	content: '';
	width: 27px;
    height: 23px;
	background: url(../images/jd-sprites.png) no-repeat -56px -108px;
	background-size: 200px 200px;
	left: 80px;
    top:9px;
    position: absolute;
}
.jd_banner {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.jd_bannerImg {
	width: 800%;
	 position: relative;
}
.jd_bannerImg li {
	width: 12.5%;
	float: left;
}
.jd_bannerImg > li img{
    display: block;
    width: 100%;
}
.jd_bannerIndicator {
	width: 128px;
	height: 10px;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: 5px;
}
.jd_bannerIndicator li {
	width: 6px;
	height: 6px;
	border: 1px solid #fff;
	border-radius: 3px;
	float: left;
	margin-left: 10px;
}
.jd_bannerIndicator li.active {
	background-color: #fff;
}
.jd_nav {
	width: 100%;
	background-color: #fff;
	padding: 10px 0;
	/*解决基线问题
	1. display: block;
	2. vertical-align: bootom;
	3. 将文本的字体大小设置文0
	*/
}
.jd_nav li {
	float: left;
	text-align: center;
}
.jd_nav li{
	width: 25%;
	margin-top: 10px;
}
.jd_nav li img {
	width: 50px;
}

/* 产品块 */
.jd_product {
	width: 100%;
}
.jd_productBox {
	width: 100%;
	margin-top: 10px;
	background-color: #fff;
}
.jd_pTip {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #ccc;
	color: #666;
}
.jd_pTip > h3 {
	padding-left: 30px;
	position: relative;
}
.jd_pTip > h3::after {
	content: '';
	width: 3px;
	height: 12px;
	background-color: #e92322;
	position: absolute;
	left: 24px;
	top: 9px;
}
.jd_pContent {
	width: 100%;
}
.a_50 {
	width: 50%;
	display: block;
}
.a_50 img {
	width: 100%;
	display: block;
}
.b_left {
	border-left: 1px solid #ccc;
}
.b_right {
	border-right: 1px solid #ccc;
}
.b_bottom {
	border-bottom: 1px solid #ccc;
}
.jd_sk {}
.jd_sk > .jd_pTip {
	border-bottom: 0;
}
.jd_sk_icon {
	width: 16px;
	height: 20px;
	background: url(../uploads/seckill-icon.png);
	background-size: 16px 20px;
	margin-top: 3px;
}
.jd_sk_text {
	color: #e92322;
}
.jd_sk_time span {
	display: inline-block;
	width: 13px;
	height: 18px;
	background-color: #000;
	color: #fff;
	text-align: center;
	line-height: 18px;
}
.jd_sk_time span:nth-child(3n) {
	background-color: transparent;
	color: #000;
	width: 8px;
}

